import React, { Component } from 'react';
import qs from 'querystring';

const DetailData = [
    {id: '01', content: '你好啊'},
    {id: '02', content: '我不好啊'},
    {id: '03', content: '你怎么不好啊'}
]

export default class Detail extends Component {

    render() {
        console.log(this.props);
        //接收params参数
        //const {id, title} = this.props.match.params;     
        //接收search参数
        const {search} = this.props.location;
        const {id, title} = qs.parse(search.slice(1));
        
        const findResult = DetailData.find((detailObj)=>{
			return detailObj.id === id
		})
        
        return (
            <div>
                <ul>
                    <li>ID: {id}</li>
                    <li>TITLE: {title}</li>
                    <li>CONTENT: {findResult.content}</li>
                </ul>
            </div>
        )
    }
}
